<template>

    <n-upload :custom-request="customRequest">
        <n-button>上传文件</n-button>
    </n-upload>
</template>
<script lang="ts" setup>
import axios from 'axios'
const emit = defineEmits(['filename','fileself'])
const customRequest = ({ file }: any) => {
    //   console.log(options);
    // console.log(file);
    //请求uploadToken  获取osstoken
    // getOSSToken().then((res: any) => {
        // console.log(res);
        const formData = new FormData();
        //随机生成图片名称  带有时间戳 根据file.name 后缀名来获取文件名
        // const fileName = `${Date.now()}${Math.floor(Math.random() * 1000)}.${file.name.split('.').pop()}`;

        // console.log(fileName);
        // formData.append('key', fileName);
        // formData.append('OSSAccessKeyId', res.accessid);
        // formData.append('policy', res.policy);
        // formData.append('Signature', res.signature);
        formData.append('file', file.file);
        // console.log(formData);

        //发送请求 

        axios.post('http://gy01.52lamp.online/api/getPic.php', formData, {
            headers: {
                'Content-Type': 'multipart/form-data'
            }
        }).then((res) => {
            // console.log('文件上传',res.data[1]);
            emit('filename', res.data[1])
            emit('fileself',file.file)
            //  console.log(model.value);
            // onFinish(fileName);
        }).catch((err) => {
            // onError(err);
        })

    // })

}

</script>

<style>

</style>